<!DOCTYPE html>
<html>
<head>
	<title>会议申请</title>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="../dist/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/atom.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/common.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/dialog.css">
	<link rel="stylesheet" type="text/css" href="../dist/css/font-awesome.min.css">

	<link href="../dist/js/mobiscroll/mobiscroll.core-2.5.2.css" rel="stylesheet" type="text/css" />
	<link href="../dist/js/mobiscroll/mobiscroll.animation-2.5.2.css" rel="stylesheet" type="text/css" />
	<link href="../dist/js/mobiscroll/mobiscroll.android-ics-2.5.2.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<!-- header -->
	<header>
		<div class="left">
			<!-- <span class="logo-graphic">A</span> -->
			<a onclick="javascript:window.history.back();"><i class="fa fa-angle-left"></i><em class="fw-normal">会议申请</em></a>
		</div>
		<div class="right">
			<i class="fa fa-list-ul"></i>
			<ul class="fade nav-list">
				<li><a href="#">标题1</a></li>
				<li><a href="#">标题2</a></li>
				<li><a href="#">标题3</a></li>
			</ul>
		</div>
	</header>
	<!-- header END -->
	<section class="container bg-grey">
		<div class="form-control margin-minus mgt-1">
			<label>会议</label>
			<input placeholder="" class="apply-input">
		</div>
		<div class="form-control margin-minus mgt-2px timepicker">
			<label>会议类型</label>
			<span>
				<input type="text" readonly="readonly" data-target="typeListModel" name="finance_sort_0" class="dialog-list-picker" placeholder="部门会议">
				<i class="fa fa-angle-right fz-1_8"></i>
			</span>
		</div>
		<div class="form-control margin-minus mgt-1 timepicker">
			<label>开始时间</label>
			<span><input type="text" readonly="readonly" name="startTime" id="startTime" placeholder="2014-12-12 22:23:00 "><i class="fa fa-angle-right fz-1_8"></i></span>
		</div>
		<div class="form-control margin-minus mgt-2px timepicker">
			<label>结束时间</label>
			<span><input type="text" readonly="readonly" name="endTime" id="endTime" placeholder="2014-12-12 22:23:00 "><i class="fa fa-angle-right fz-1_8"></i></span>
		</div>
		<div class="form-control margin-minus mgt-1 height-auto">
			<label>地点</label>
			<input placeholder="" class="apply-input">
		</div>
		<div class="form-control margin-minus mgt-1 height-auto">
			<label>会议详情</label>
			<textarea class="apply-textarea" style="background-color: #FFF;"  placeholder="请输入详情"></textarea>
		</div>

		<button class="btn btn-success mgt-1">提交申请</button>
	</section>
	
	<!-- overlay -->
	<div class="alert-overlay fade" id="alert-overlay"></div>
	<!-- dialog-list 数据层 -->
	<div class="dialog-list fade" id="typeListModel" >
		<ul class=" ">
			<li class="list-item" data-value="部门例会">部门例会</li>
			<li class="list-item" data-value="公司会议">公司会议</li>
			<li class="list-item" data-value="非正式会议">非正式会议</li>
		</ul>
	</div>

	<script type="text/javascript" src="../dist/js/jquery-3.1.1.js"></script>
	<script type="text/javascript" src="../dist/js/equ.js"></script>
    <script src="../dist/js/mobiscroll/mobiscroll.core-2.5.2.js" type="text/javascript"></script>
	<script src="../dist/js/mobiscroll/mobiscroll.core-2.5.2-zh.js" type="text/javascript"></script>
	<script src="../dist/js/mobiscroll/mobiscroll.datetime-2.5.1.js" type="text/javascript"></script>
	<script src="../dist/js/mobiscroll/mobiscroll.datetime-2.5.1-zh.js" type="text/javascript"></script>

	<!-- S 可根据自己喜好引入样式风格文件 -->
	<script src="../dist/js/mobiscroll/mobiscroll.android-ics-2.5.2.js" type="text/javascript"></script>
	<script type="text/javascript" src="https://cdn.bootcss.com/dropdown.js/0.0.2dev/jquery.dropdown.js"></script>
	<script type="text/javascript" src="../dist/js/jquery.dialog-list.js"></script>
	<script type="text/javascript">
	    $(function () {
			var currYear = (new Date()).getFullYear();	
			var opt={};
			opt.date = {preset : 'date'};
			//opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };
			opt.datetime = {preset : 'datetime'};
			opt.time = {preset : 'time'};
			opt.default = {
				theme: 'android-ics light', //皮肤样式
		        display: 'modal', //显示方式 
		        mode: 'scroller', //日期选择模式
				lang:'zh',
		        startYear:currYear - 10, //开始年份
		        endYear:currYear + 10 //结束年份
			};

		  	var optDateTime = $.extend(opt['datetime'], opt['default']);
		  	var optTime = $.extend(opt['time'], opt['default']);

		    $("#startTime").mobiscroll(optDateTime).datetime(optDateTime);
		    $("#endTime").mobiscroll(optDateTime).datetime(optDateTime);

	    });
	    
		    // 列表弹窗初始化 
	    $("input[data-target=\"typeListModel\"]").dialogList();
	    
	</script>
</body>
</html>